﻿<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title>Trang thư viện Ảnh - Văn hoá Hà Nội</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="robots" content="index, follow" />
  		<meta name="keywords" content="vanhoahanoi, văn hóa hà nội, thăng long hà nội" />
  		<meta name="description" content="Trang web văn hóa hà nội cung cấp thông tin và nguồn tư liệu hữu ích về nét văn hóa đặc trưng của hà nội cũng như các tin tức - sự kiện của thủ đô" />

		<link rel="shortcut icon" href="images/icon.png">  
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

		<script type="text/javascript" src="js/jquery.imageZoom.js"></script>
		<link rel="stylesheet" href="style/jquery.imageZoom.css" type="text/css" media="screen" />
		
		<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
		<link rel="stylesheet" href="style/nivo-slider.css" type="text/css" media="screen" />

		<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
		
		<!-- QA - theme -->
		<link rel="stylesheet" href="style/style.css" type="text/css" media="screen"/>
		<script type="text/javascript">
		    $(function(){
		        $('body').append('<div id="top"></div>');
		        $(window).scroll(function(){
		            var $toa_do=$(window).scrollTop();
		            //alert($toa_do);
		            if($toa_do==0){
		                $('#top').fadeOut();
		            }else {$('#top').fadeIn()} ;
		        });
		        $('#top').click(function(){
		            $('html,body').animate({scrollTop:0},500);
		        });
		    });
		</script>
	</head>
	<body>
		<!-- PHAN HEADER -->
		<div id="qa-header">
			<div class="main">
					<div id="qa-top-panel">
						<ul>
							<li><a href="index.html">Trang chủ</a></li>
							<li><a target="_bank" href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">Bản đồ Hà Nội</a></li>
							<li><a href="tm-LienHe.html">Liên hệ</a></li>
							<li><a href="mailto:laithanha3@zing.vn">Hỗ trợ</a></li>
							<li><a href="tm-sitemap.html">Sơ đồ web</a></li>
							<li class="clear"></li>
						</ul>
					</div>
					<a href="index.html"><img src="images/logo.png" alt="Văn hoá Hà Nội" height="90px"/></a>
					<g:plusone></g:plusone>
			</div>
		</div>
		<!-- PHAN MENU -->
		<div id="qa-menu">
			<div class="main clear">
			 	<ul class="qa-MainMenu clear">
							<li><a class="liaItem" href="index.html"><img src="images/icon/home.png" alt="Trang chủ"></a></li>
							<li><a class="liaItem" href="tm_gioi_thieu.html">Giới thiệu</a></li>
							<li><a class="liaItem" href="mn-tin-tuc.html">Tin tức - Sự kiện</a></li>
							<li><a class="liaItem" href="mn-diem-den.html">Điểm đến</a></li>
							<li><a class="liaItem" href="mn-am-thuc.html">Ẩm thực</a></li>
							<li><a class="liaItem" href="mn-phonghe-langnghe.html">Phố nghề - Làng nghề</a></li>
							<li><a class="liaItem" href="mn-vanhoa-nghethuat.html">Văn hóa - Nghệ thuật</a></li>
							<li><a class="liaItem" href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></li>
							<li class="selected"><a class="liaItem" href="tm_thu_vien_anh.html">Thư viện ảnh</a></li>
							<li class="clear"></li>
				</ul>

			</div>
		</div>
	    <!-- PHAN FRONT PAGE -->		
	    <div id="qa-frontpage">
	    	<div class="main">
	    		<!-- BODY ROW 1 -->
			  
			    <!-- BODY ROW 2 -->
			    <div id="row2" class="fwidth DefaultMarginBottom">
			    	<div id="pos3" class="qa-frontpage-hotnews">
			    		<h3>Ablum ảnh</h3>
						<ul>
							<li>
								<div class="ThumbImg">
											<img src="images/images-new/3.jpg">
								</div>
								<div class="Textinfo">
											<a href="images/images-new/3.jpg">Mâm cỗ ngày tết của người Hà Nội</a>
								</div>
								<div class="clear"></div>
							</li>
							<li>
								<div class="ThumbImg">
											<img src="images/images-new/4.jpg">
								</div>
								<div class="Textinfo">
											<a href="images/images-new/4.jpg">Tết của người Hà Nội xưa qua ảnh</a>
								</div>
								<div class="clear"></div>
							</li>
							<li>
									<div class="ThumbImg">
										<img src="images/images-new/1.jpg">
									</div>
									<div class="Textinfo">
											<a href="images/images-new/1.jpg">Hà Nội về đêm</a>
									</div>
									<div class="clear"></div>
							</li>
							<li>
									<div class="ThumbImg">
										<img src="images/blog/CauLongBien.jpg" width="100px">
									</div>
									<div class="Textinfo">
											<a href="images/blog/CauLongBien.jpg">Cây cầu lịch sử</a>
									</div>
									<div class="clear"></div>
							</li>
							<li>
								<div class="ThumbImg">
											<img src="images/images-new/2.jpg">
								</div>
								<div class="Textinfo">
											<a href="images/images-new/2.jpg">Hà thành thanh lịch</a>
								</div>
								<div class="clear"></div>
							</li>
							<li>
								<div class="ThumbImg">
											<img src="images/blog/ChuaMotCot.jpg"  width="100px">
								</div>
								<div class="Textinfo">
											<a href="images/blog/ChuaMotCot.jpg">Chùa một cột</a>
								</div>
								<div class="clear"></div>
							</li>
							<li>
								<div class="ThumbImg">
									<img src="images/images-new/9.jpg">
								</div>
								<div class="Textinfo">
									<a href="images/images-new/9.jpg">Công bố 20 kỉ lục của Hà Nội</a>
								</div>
								<div class="clear"></div>
							</li>
							<li>
								<div class="ThumbImg">
									<img src="images/images-new/10.jpg">
								</div>
								<div class="Textinfo">
									<a href="images/images-new/10.jpg">Ấn tượng nghìn năm Thăng Long</a>
								</div>
								<div class="clear"></div>
							</li>
						</ul>
						<script type="text/javascript">
							$("#pos3").imageZoom();
						</script>
						<div class="clear"></div>
					</div>
					<div id="pos4">
						<div id="qa-SlideShow">
								<div class="qa-SSContainer">
													<!-- SLIDE SHOW ANH -->
									<div class="qa-main-slideshow fleft" >
											<div class="nivoSlider">
													<img src="images/SlideShow/banner0.jpg" data-thumb="images/banner0.jpg" alt="ho-guom" />
													<img src="images/SlideShow/banner1.jpg" data-thumb="images/banner1.jpg" alt="nha-hat-lon" />
													<img src="images/SlideShow/banner2.jpg" data-thumb="images/banner2.jpg" alt="van-mieu" />
													<img src="images/SlideShow/banner3.jpg" data-thumb="images/banner3.jpg" alt="cau-long-bien" />
													<img src="images/SlideShow/banner4.jpg" data-thumb="images/banner4.jpg" alt="chua-tran-quoc" />
													<img src="images/SlideShow/banner5.jpg" data-thumb="images/banner5.jpg" alt="hoang-thanh" />
													<img src="images/SlideShow/banner6.jpg" data-thumb="images/banner6.jpg" alt="ho-tay" />
													<img src="images/SlideShow/banner7.jpg" data-thumb="images/banner7.jpg" alt="lang-chu-tich" />
													<img src="images/SlideShow/banner8.jpg" data-thumb="images/banner8.jpg" alt="chua-mot-cot" />
											</div>
											<div class="clear"></div>
									</div>
									<script type="text/javascript">
										$(window).load(function() {
											$('.nivoSlider').nivoSlider();
										});
									</script>
									<div class="clear"></div>
								</div>
						</div>
						<div id="frm_img" class="qa-blog" style="margin-left:0px;margin-bottom:10px;">
							<h3><a href="diem-den.html">Ảnh mới nhất</a></h3>
							<div class="frmimg">
								<img src="images/ThuVienAnh/7.jpg" alt="Cầu Long Biên"/>
								<a href="images/ThuVienAnh/7.jpg"><span>Ảnh 1</span></a>
						    </div>
						    <div class="frmimg">
								<img src="images/ThuVienAnh/2.jpg" alt="Chùa Một Cột"/>
								<a href="images/ThuVienAnh/2.jpg"><span>Ảnh 2</span></a>
						    </div>
						    <div class="frmimg">
								<img src="images/ThuVienAnh/3.jpg" alt="Hoàng Thành Thăng Long"/>
								<a href="images/ThuVienAnh/3.jpg"><span>Ảnh 3</span></a>
						    </div>
						    <div class="frmimg">
								<img src="images/ThuVienAnh/4.jpg" alt="Nhà Hát Lớn"/>
								<a href="images/ThuVienAnh/4.jpg"><span>Ảnh 4</span></a>
						    </div>
						    <div class="frmimg">
								<img src="images/ThuVienAnh/5.jpg" alt="Tháp Rùa"/>
								<a href="images/ThuVienAnh/5.jpg"><span>Ảnh 5</span></a>
						    </div>
						    <div class="frmimg">
								<img src="images/ThuVienAnh/6.jpg" alt="Tháp Bút"/>
								<a href="images/ThuVienAnh/6.jpg"><span>Ảnh 6</span></a>
						    </div>
						    <div class="clear"></div>   
						</div>
						<script type="text/javascript">
							$("#frm_img").imageZoom();
						</script>
						<!-- PHAN TRANG -->
	                    <div class="page-turning">
		                    	<span>1</span>
		                    	<span>2</span>
		                    	<span>3</span>
		                    	<span>4</span>
		                    	<span>5</span>
		                    	<span>6</span>	
		                        <span>Tiếp theo</span>
		                        <span>Trang cuối</span>
		                        <div class="clear"></div>
		                </div>
		                <div class="clear"></div>   
					</div>
					<div class="clear"></div>
			    </div>
			    <!-- BODY ROW 3 -->
			</div>
		</div>
		
	   </div>	
	   <div id="qa-footer">
	   		<div class="main">
				<p class="footer-text">Trang web về văn hóa Hà Nội của môn Lập trình mạng I<br />
					Nhóm thực hiện: Đỗ Huy Quang, Nguyễn Đồng Thắng, Lại Thị Thanh<br />
					&copy;Thiết kế 2012 @ Website hỗ trợ tốt nhất ở các trình duyệt Chrome, Firefox, IE9.
				</p>
			</div>
	   </div>
	   <div id="top" style="position: fixed;display:none;bottom:30px;right:10px;"><img src="images/icon/blue_arrow_up.png"/></div>
	</body>
</html>